<style scoped>

</style>
<template>
    <div class="pro-mask"  v-show="statusCode">
        <div class="w-msgbox">
            <div class="w-msgbox-bd" style="padding: .15rem .2rem 0 .2rem">
                <h3 class="w-msgbox-title"></h3>
                <div class="w-msgbox-codes" style="padding: .05rem 0 0;">
                    <div class="name">
                        <h3 class="f-txtabb" style="padding:0 .04rem .06rem 0; font-size:.14rem;">第{{periods}}期 {{goodsname}}</h3>
                    </div>
                    <p>共参与<b class="txt-red">{{count}}</b>人次，以下是拼宝号码：</p>
                    <ul style="height:1rem;overflow-y:scroll;margin-top:.08rem" @scroll.prevent="return true">
                        <li v-for="item in code">{{item}}</li>
                    </ul>
                    <div class="w-msgbox-close" @click="close" style="font-size:.14rem;letter-spacing:.02rem;color:#3399FE;position:static;margin-top:.04rem;height:.4rem;width:100%;line-height:.4rem;border-top: 1px dotted #d4d4d4;">确定</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    module.exports = {
        props:{

            codeList:{

                type:[Array,String],
                default:[]

            },
            statusCode:{
                type:Boolean,
                default:false
            },

            periods:{
                type:[String,Number],
                default:''
            },

            goodsname:{
                type:String,
                default:''
            },

            count:{
                type:[String,Number],
                default:0
            }
        },
        computed:{

            code(){

                if(this.codeList instanceof Array){

                    return this.codeList

                } else {

                    return this.codeList.replace(',','').replace(/(?=(?:\d{8})+(?!\d))/g,',').split(',').filter((item)=>{
                                return !!item
                    });

                }
            }

        },
        data() {
            return {

            }
        },
        components: {},

        created(){

        },
        ready() {

        },
        beforeDestroy() {

        },

        methods: {

            close(){
                this.$dispatch('closeCodePop',false)
            }
        },

    }
</script>
